<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JIIL网盘服务</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
        }

        /* 白色顶栏样式 */
        header {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 5%;
            max-width: 1400px;
            margin: 0 auto;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo h1 {
            font-size: 1.8rem;
            font-weight: 700;
            color: #2563eb;
        }

        .logo-icon {
            font-size: 2rem;
            color: #2563eb;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
        }

        .nav-links a {
            text-decoration: none;
            color: #4b5563;
            font-weight: 500;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: #2563eb;
        }

        .login-btn {
            background-color: #2563eb;
            color: white;
            border: none;
            padding: 0.6rem 1.5rem;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .login-btn:hover {
            background-color: #1d4ed8;
        }

        /* 主要内容区域 */
        .container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 0 20px;
        }

        .section {
            background: white;
            border-radius: 10px;
            padding: 2.5rem;
            margin-bottom: 2rem;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }

        .section-title {
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid #e2e8f0;
        }

        .section-title h2 {
            font-size: 1.8rem;
            color: #1e293b;
        }

        .section-content h3 {
            font-size: 1.4rem;
            margin: 1.5rem 0 1rem;
            color: #1e293b;
        }

        .section-content p {
            margin-bottom: 1rem;
            color: #475569;
        }

        .section-content ul {
            margin: 1rem 0 1rem 1.5rem;
        }

        .section-content li {
            margin-bottom: 0.5rem;
        }

        .highlight-box {
            background-color: #f1f5f9;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1.5rem 0;
            border-left: 4px solid #2563eb;
        }

        .warning-box {
            background-color: #fffbeb;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1.5rem 0;
            border-left: 4px solid #f59e0b;
        }

        .tab-container {
            display: flex;
            border-bottom: 1px solid #e2e8f0;
            margin-bottom: 1.5rem;
        }

        .tab {
            padding: 0.8rem 1.5rem;
            cursor: pointer;
            font-weight: 500;
            color: #64748b;
            border-bottom: 3px solid transparent;
            transition: all 0.3s;
        }

        .tab.active {
            color: #2563eb;
            border-bottom: 3px solid #2563eb;
        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        /* 页脚样式 */
        footer {
            background-color: #1e293b;
            color: #e2e8f0;
            padding: 2rem 5%;
            text-align: center;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-bottom: 1.5rem;
        }

        .footer-links a {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #cbd5e1;
            text-decoration: none;
            transition: color 0.3s;
        }

        .footer-links a:hover {
            color: white;
        }

        .footer-links i {
            font-size: 1.2rem;
        }

        .copyright {
            color: #94a3b8;
            font-size: 0.9rem;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .navbar {
                flex-direction: column;
                gap: 1rem;
            }
            
            .nav-links {
                gap: 1rem;
            }
            
            .section {
                padding: 1.5rem;
            }
            
            .tab-container {
                flex-direction: column;
            }
            
            .tab {
                border-bottom: 1px solid #e2e8f0;
            }
            
            .footer-links {
                flex-direction: column;
                gap: 1rem;
            }
        }
    </style>
</head>
<body>
    <!-- 白色顶栏 -->
    <header>
        <div class="navbar">
            <div class="logo">

                <h1>JIIL网盘</h1>
            </div>
            <div class="nav-links">
                <a href="#service">服务说明</a>
                <a href="#privacy">隐私政策</a>
                <a href="#terms">使用条款</a>
            </div>
        </div>
    </header>

    <div class="container">
        <!-- 服务说明 -->
        <section id="service" class="section">
            <div class="section-title">
                <h2>JIIL网盘服务说明</h2>
            </div>
            
            <div class="section-content">
                <p>JIIL网盘提供简单高效的文件存储和分享服务，支持直链下载功能。</p>
                
                <div class="highlight-box">
                    <h3>核心功能</h3>
                    <ul>
                        <li>无需下载客户端，网页直接操作</li>
                        <li>文件直链分享，一键复制链接</li>
                        <li>快速上传下载，支持大文件传输</li>
                        <li>简洁界面，操作简单</li>
                    </ul>
                </div>
                
                <div class="warning-box">
                    <h3>重要注意事项</h3>
                    <p>请在使用前仔细阅读以下内容：</p>
                    <ul>
                        <li>本服务仅保证一段时间内的稳定性和有效性</li>
                        <li>无法确保永久无限制运营，可能随时调整或终止服务</li>
                        <li>可能因特殊原因导致数据丢失</li>
                        <li><strong>请勿上传重要文件</strong>，如需上传请自行备份</li>
                        <li>禁止上传违法、侵权或敏感内容</li>
                    </ul>
                </div>
                
                <p>我们致力于提供稳定可靠的服务，但请您理解任何网络服务都存在不可预见的风险。</p>
            </div>
        </section>
        
        <!-- 隐私政策 -->
        <section id="privacy" class="section">
            <div class="section-title">
                <h2>隐私政策</h2>
            </div>
            
            <div class="section-content">
                <p>最后更新日期：2025年8月16日</p>
                
                <p>本隐私政策解释了JIIL网盘如何收集、使用和保护您的信息。</p>
                
                <h3>1. 信息收集</h3>
                <p>我们可能收集以下信息：</p>
                <ul>
                    <li>账户信息：用户名、密码（加密存储）</li>
                    <li>上传的文件内容</li>
                </ul>
                
                <h3>2. 信息使用</h3>
                <p>收集的信息用于：</p>
                <ul>
                    <li>提供和改进服务</li>
                    <li>处理用户请求</li>
                    <li>确保服务安全</li>
                    <li>满足法律要求</li>
                </ul>
                
                <div class="highlight-box">
                    <h3>重要说明</h3>
                    <p>我们不会主动查看您的文件内容，但保留扫描恶意软件和违规内容的权利。</p>
                </div>
                
                <h3>3. 数据安全</h3>
                <p>我们采取合理的安全措施：</p>
                <ul>
                    <li>数据传输使用加密技术</li>
                    <li>服务器部署基础安全防护</li>
                    <li>定期安全审计</li>
                </ul>
                <p>但请注意，没有任何安全措施是100%可靠的。</p>
                
                <h3>4. 数据保留</h3>
                <p>数据保留期限：</p>
                <ul>
                    <li>账户信息：账户存在期间</li>
                    <li>上传文件：用户删除后</li>
                    <li>日志信息：不超过180天</li>
                </ul>
            </div>
        </section>
        
        <!-- 使用条款 -->
        <section id="terms" class="section">
            <div class="section-title">
                <h2>使用条款</h2>
            </div>
            
            <div class="section-content">
                <p>最后更新日期：2025年8月16日</p>
                
                <p>使用JIIL网盘服务即表示您同意遵守以下条款：</p>
                
                <h3>1. 服务使用</h3>
                <ul>
                    <li>您必须提供准确的注册信息</li>
                    <li>您对账户下的所有活动负责</li>
                    <li>我们保留暂停或终止违规账户的权利</li>
                </ul>
                
                <h3>2. 禁止内容</h3>
                <p>您同意不上传或分享：</p>
                <ul>
                    <li>非法、侵权或有害内容</li>
                    <li>病毒、恶意软件等破坏性内容</li>
                    <li>儿童色情内容</li>
                    <li>垃圾邮件或欺诈内容</li>
                </ul>
                
                <div class="warning-box">
                    <h3>重要条款</h3>
                    <ul>
                        <li>服务按"现状"提供，不作任何担保</li>
                        <li>我们不保证服务的永久可用性</li>
                        <li>对数据丢失不承担责任</li>
                        <li>可随时修改或终止服务</li>
                    </ul>
                </div>
                
                <h3>3. 免责声明</h3>
                <p>在法律允许的最大范围内，我们不承担：</p>
                <ul>
                    <li>任何间接或后果性损害</li>
                    <li>服务中断造成的损失</li>
                    <li>未经授权的数据访问</li>
                </ul>
                
                <h3>4. 条款修改</h3>
                <p>我们保留随时修改条款的权利，继续使用服务即表示接受修改。</p>
            </div>
        </section>
    </div>

    <!-- 页脚 -->
    <footer>
        <div class="footer-links">
            <a href="https://www.jiil.top" target="_blank">
                <i class="fas fa-globe"></i>官方网站
            </a>
            <a href="https://qm.qq.com/q/oLV2HIGCfS" target="_blank">
                <i class="fab fa-qq"></i>加入QQ群
            </a>
        </div>
        <div class="copyright">
            <p>&copy; 2025 JIIL工作室 版权所有</p>
        </div>
    </footer>

    <script>
        // 简单的标签切换功能
        document.addEventListener('DOMContentLoaded', function() {
            // 平滑滚动到锚点
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    const target = document.querySelector(this.getAttribute('href'));
                    if (target) {
                        window.scrollTo({
                            top: target.offsetTop - 80,
                            behavior: 'smooth'
                        });
                    }
                });
            });
        });
    </script>
</body>
</html>